<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>谷歌关键词</title>
    <script src="/static/js/jquery.min.js"></script>
    <link href="/static/css/alert.css" rel="stylesheet">
    <link href="/static/css/css.css" rel="stylesheet">
    <script>
        var g = 1;
        var mk = 0;
        var price_ratio = parseFloat('{$user.price_ratio}');
        var rule = JSON.parse('{$user.rule|default="[]"}'.replace(/\&quot\;/g,'\"'));
        var discount = parseFloat('{$user_message.discount|default="1"}');
    </script>
    <style>
        .div-left,.div-right div{
            margin-left: 2em;
        }
    </style>
</head>
<body>
    <div class="main" id="keywords_div">
        <div class="search-keyword">
            <div class="main-div">
                <label for="keywords" class="text-left">
                    关键词:
                </label>
                <input type="text" id="keywords" name="keywords" placeholder="多个关键词用逗号隔开" value="{$keyword|default=''}">
            </div>    
            <div class="content-div messqqq">
                <div class="div-left">
                    推广区域:
                </div>
                <div class="div-right address-list">
                    <div>
                        <label for="selectedAll" onclick="set_price('selectedAll')">
                            <input type="checkbox" id="全球" name="area" checked> 全球
                        </label>
                    </div>
                    <div>
                        <label for="北美区" onclick="set_price('北美区')">
                            <input type="checkbox" id="北美区" name="area" value="北美区"> 北美区
                            (美国、加拿大、墨西哥、危地马拉、伯利兹、萨尔瓦多、洪都拉斯、巴拿马、巴哈马、古巴、牙买加、海地、多米尼加、哥斯达黎加、圣基茨和尼维斯、安提瓜和巴布达、多米尼克、圣卢西亚、圣文森特和格林纳丁斯、巴巴多斯、格林纳达、特立尼达和多巴哥)
                        </label>
                    </div>
                    <div>
                        <label for="南美区" onclick="set_price('南美区')">
                            <input type="checkbox" id="南美区" name="area" value="南美区"> 南美区
                            （哥伦比亚、委内瑞拉、圭亚那、苏里南、厄瓜多尔、秘鲁、巴西、玻利维亚、智利、巴拉圭、乌拉圭、阿根廷、法属圭亚那）
                        </label>
                    </div>
                    <div>
                        <label for="西欧区" onclick="set_price('西欧区')">
                            <input type="checkbox" id="西欧区" name="area" value="西欧区"> 西欧区
                            （英国、爱尔兰、荷兰、比利时、卢森堡、法国、摩纳哥、德国、奥地利、瑞士、意大利、西班牙、葡萄牙、挪威、瑞典、丹麦、芬兰、冰岛、马耳他、安道尔、列支敦士登、圣马力诺、梵蒂冈）
                        </label>
                    </div>
                    <div>
                        <label for="东欧区" onclick="set_price('东欧区')">
                            <input type="checkbox" id="东欧区" name="area" value="东欧区"> 东欧区
                            （爱沙尼亚、拉脱维亚、立陶宛、俄罗斯、白俄罗斯、乌克兰、摩尔多瓦、塞尔维亚、克罗地亚、斯洛文尼亚、波斯尼亚和黑塞哥维那、黑山、北马其顿、罗马尼亚、保加利亚、阿尔巴尼亚、波兰、匈牙利、捷克、斯洛伐克、希腊、塞浦路斯、格鲁吉亚）
                        </label>
                    </div>
                    <div>
                        <label for="东亚区" onclick="set_price('东亚区')">
                            <input type="checkbox" id="东亚区" name="area" value="东亚区"> 东亚区
                            （日本、韩国、蒙古）
                        </label>
                    </div>
                    <div>
                        <label for="东南亚区" onclick="set_price('东南亚区')">
                            <input type="checkbox" id="东南亚区" name="area" value="东南亚区"> 东南亚区
                            （缅甸、泰国、柬埔寨、老挝、越南、菲律宾、马来西亚、新加坡、文莱、印度尼西亚、东帝汶）
                        </label>
                    </div>
                    <div>
                        <label for="南亚区" onclick="set_price('南亚区')">
                            <input type="checkbox" id="南亚区" name="area" value="南亚区"> 南亚区
                            （尼泊尔、不丹、印度、巴基斯坦、孟加拉国、斯里兰卡、马尔代夫）
                        </label>
                    </div>
                    <div>
                        <label for="西亚区" onclick="set_price('西亚区')">
                            <input type="checkbox" id="西亚区" name="area" value="西亚区"> 西亚区
                            （伊朗、土耳其、塞浦路斯、叙利亚、黎巴嫩、巴勒斯坦、约旦、伊拉克、科威特、沙特阿拉伯、也门、阿曼、阿拉伯联合酋长国、卡塔尔、巴林）
                        </label>
                    </div>
                    <div>
                        <label for="中亚区" onclick="set_price('中亚区')">
                            <input type="checkbox" id="中亚区" name="area" value="中亚区"> 中亚区
                            （哈萨克斯坦、吉尔吉斯斯坦、塔吉克斯坦、土库曼斯坦、乌兹别克斯坦）
                        </label>
                    </div>
                    <div>
                        <label for="东非区" onclick="set_price('东非区')">
                            <input type="checkbox" id="东非区" name="area" value="东非区"> 东非区
                            （厄立特里亚、埃塞俄比亚、南苏丹、吉布提、索马里、肯尼亚、乌干达、卢旺达、布隆迪、坦桑尼亚、马达加斯加、赞比亚、津巴布韦、马拉维、莫桑比克、塞舌尔、毛里求斯、科摩罗）
                        </label>
                    </div>
                    <div>
                        <label for="西非区" onclick="set_price('西非区')">
                            <input type="checkbox" id="西非区" name="area" value="西非区"> 西非区
                            （毛里塔尼亚、西撒哈拉、塞内加尔、冈比亚、马里、布基纳法索、几内亚、几内亚比绍、佛得角、塞拉利昂、利比里亚、科特迪瓦、加纳、多哥、贝宁、尼日尔、尼日利亚、加那利群岛）
                        </label>
                    </div>
                    <div>
                        <label for="中非区" onclick="set_price('中非区')">
                            <input type="checkbox" id="中非区" name="area" value="中非区"> 中非区
                            （乍得、中非共和国、喀麦隆、赤道几内亚、加蓬、刚果、刚果金、圣多美和普林西比）
                        </label>
                    </div>
                    <div>
                        <label for="南非区" onclick="set_price('南非区')">
                            <input type="checkbox" id="南非区" name="area" value="南非区"> 南非区
                            （赞比亚、安哥拉、津巴布韦、马拉维、博茨瓦纳、纳米比亚、南非、斯威士兰、莱索托、圣赫勒拿岛、阿松森岛）
                        </label>
                    </div>
            </div>
            <div class="main-div messqqq">
                <label class="text-left">
                    投放时间
                </label>
                <!-- <span class="input-checkbox">功能开发中。。。。。。</span> -->
                <label for="word_day1" class="input-radio" onclick="set_price()">
                    <input type="radio" value="全年" id="word_day1" name="word_day" checked>全年
                </label>
                <label for="word_day2" class="input-radio" onclick="set_price()">
                    <input type="radio" value="半年" id="word_day2" name="word_day">半年
                </label>
            </div>
            <div class="main-div messqqq">
                <label class="text-left">
                    投放时长
                </label>
                <!-- <span class="input-checkbox">功能开发中。。。。。。</span> -->
                <label for="word_hover1" class="input-radio" onclick="set_price()">
                    <input type="radio" id="word_hover1" name="word_hover" value="8:00-20:00" checked> 
                    8:00-20:00
                </label>
                <label for="word_hover2" class="input-radio" onclick="set_price()">
                    <input type="radio" id="word_hover2" name="word_hover" value="24小时">
                    24小时
                </label>
                <!--<label for="word_hover2" class="input-radio">-->
                    <!--<input type="radio" id="word_hover2" name="word_hover" value="全天24个小时" checked>-->
                    <!--全天24个小时-->
                <!--</label>-->
                <!-- <label for="word_hover3" class="input-radio">
                    <input type="radio" id="word_hover3" name="word_hover" value="24">
                    24个小时
                </label> -->
            </div>
            <div class="main-div messqqq">
                <label class="text-left">展示形式</label>
                <!-- <span class="input-checkbox">功能开发中。。。。。。</span> -->
                <label for="word_type1" class="input-checkbox">
                    <input type="checkbox" id="word_type1" name="word_type" value="图文" checked>
                    图文      
                </label>
                <label for="word_type2" class="input-checkbox">
                    <input type="checkbox" id="word_type2" name="word_type" value="视频" checked>
                    视频
                </label>
                <!-- <label for="word_type1" class="input-checkbox">
                    <input type="checkbox" id="word_type1" name="word_type" value="文字" checked>
                    文字      
                </label>
                <label for="word_type2" class="input-checkbox">
                    <input type="checkbox" id="word_type2" name="word_type" value="图片" checked>
                    图片      
                </label>
                <label for="word_type3" class="input-checkbox">
                    <input type="checkbox" id="word_type3" name="word_type" value="闪投" checked>
                    闪投      
                </label>
                <label for="word_type4" class="input-checkbox">
                    <input type="checkbox" id="word_type4" name="word_type" value="视频" checked>
                    视频      
                </label> -->
            </div>
            <div class="main-div mingxian" style="display: none;">    
                <input type="checkbox" name="keyword_area" value="google" checked>
                <input type="radio" id="price_type1" name="price_type" value="normal" checked> 
                <input type="radio" id="keyword_type1" name="keyword_type" value="1" checked> 
            </div>
            <div class="main-button">
                <button onclick="keywords()">查询报价</button>
                <button onclick="showmsg()">禁售行业查询</button>
            </div>
        </div>
        <div class="keyword-list">
            <table>
                <thead>
                    <tr>
                        <th><label for="all" onclick="selectsall()"><input type="checkbox" id="all"></label></th>
                        <th>关键词</th>
                        <th>价格</th>
                        <!-- <th style="color: red" onclick="show_ocpc_info()">(OCPC价格)</th> -->
                        <th>投放区域</th>
                        <th>投放时间</th>
                        <th>每日时长</th>
                        <th>展现形式</th>
                        {eq name="is_message" value="1"}
                        <th>关键数据</th>
                        {/eq}
                        <!-- <th>相关词</th> -->
                        <!-- <th>关键词状态</th> -->
                    </tr>
                </thead>
                <tbody id="keywords-data"></tbody>
                <tfoot>
                    <td colspan="4">
                        <div class="total-amount">
                            <span>
                                总价:
                                <b id="keywords-amount">

                                </b>
                                {neq name="user_message.discount" value="1"}
                                <!-- X 用户折扣:{$user_message.discount} = <b id="keywords-discount-amount">0</b> -->
                                {/neq}
                            </span>
                            <!-- <span style="color: red;" onclick="show_ocpc_info()">OCPC总价:<b id="keywords-ocpc-amount"></b></span> -->
                        </div>
                        <p>提示：多个关键词搜索时间稍长，请耐心等待，刷过三分钟请刷新重查。</p>
                        <p>设计禁售行业和部分服务行业，即使有报价也可能无法投放，需向渠道核实。</p>
                    </td>
                    <td colspan="3" class="a-option">
                        <a href="javascript:;" onclick="del_keywords_list()">删除</a>
                        <a href="javascript:;" onclick="order_create()">加入订单</a>
                        <a href="javascript:;" onclick="getXlsx()">导出</a>
                    </td>
                </tfoot>
            </table>
        </div>
    </div>
</body>
<script src="/static/js/base.js"></script>
</html>